<template>
  <ManageHeader></ManageHeader>
  <div class="back">
    <div class="bigBox">
      <div class="left">
        <ul>
          <li><RouterLink to="/manage/user">管理用户</RouterLink></li>
          <li><RouterLink to="/manage/store">管理商家</RouterLink></li>
          <li><RouterLink to="/manage/goods">审核商品</RouterLink></li>
          <li><RouterLink to="/manage/audit">商家审核</RouterLink></li>

        </ul>
      </div>
      <div class="right">
        <RouterView></RouterView>
      </div>
    </div>
  </div>

  <StoreFooter></StoreFooter>

</template>

<script setup>
import {ref,onMounted} from "vue";
import StoreFooter from '@/views/Store/components/StoreFooter.vue'
import ManageHeader from "@/views/Manage/components/ManageHeader.vue";
import {useUserStore} from "@/stores/userStore";
import {verifyManagerAPI} from "@/apis/Manage";
import {useRoute,useRouter} from "vue-router";

const userStore=useUserStore()
const router=useRouter()
const route=useRoute()

const verify=async ()=>{
  let userId=userStore.user.id;

  const res=await verifyManagerAPI(userId);
  if(res.data.code===1)
  {

  }
  else
  {
    router.push("/")
  }
}

onMounted(()=>{
  verify()
})

</script>

<style scoped>
.back
{
  width: 100%;
  min-width: 1857px;
  height: 100%;
  background: #e8edea;
}
.bigBox
{
  width: 100%;
  min-width: 1857px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
}

.bigBox .left
{
  margin-top: 10px;
  background: #01b6fd;
  width: 400px;
}
ul
{
  padding-left: 0;
}
.bigBox .left li
{
  box-sizing: border-box;
  color: white;
  height:120px;
  text-align: center;
  list-style: none;
  line-height: 120px;
  font-size: 20px;
}
.bigBox .left li a
{
  display: block;
  text-align: center;
}
a
{
  text-decoration: none;
  color: white;
}
a.router-link-active
{
  box-sizing: border-box;
  background-color: #ffffff;

  /*border-radius: 20px;*/
  color:#02b7fb;
  box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
  font-weight: bold;
  /*width: 90%;*/
  /*height: 110px;*/
  /*margin:0 auto;*/
  /*margin-top: 10px;*/
  /*background: white;*/
  /*color: #01b6fd;*/
}

.right
{
  width: 100%;
  /*flex:1;*/
  margin:10px;
  background: white;
}


</style>